$(document).ready(function(){
	
	//获取可视窗口的宽和高
	var wWidth = $('body').width();
	var wHeight = $('body').height();

	//$('.videowrap').height(parseFloat(wWidth*9/16)+'px');
	
	//设置遮罩层的宽高
	$('.mask').css({
		'width':wWidth+'px',
		'height':wHeight+'px'
	});
	
	//点击关注
	var topHeight = $('.live_top').height();
	$('.focus_mask').css({
		'width':wWidth+'px',
		'height':(wHeight-topHeight)+'px'
	});
	$('#btn_focus').on('click',function(){
		$('#video').hide();
		$('.focus_mask').slideToggle();
	});
	$('#btn_focus_close').on('click',function(){
		$('.focus_mask').slideUp();
		$('#video').show();
	})
	//点赞
	function dianzan(){
		$('.user_good').on('click',function(){
			if($(this).attr('class') === "user_good"){
				var oldvalue = parseInt($(this).text());
				oldvalue++;
				$(this).text(oldvalue);
			}
			$(this).removeClass('user_good').addClass('user_good_active');
		});
	}
	dianzan();
	
	//点击右侧工具栏
	$('#tool').on('click',function(){
		$('#tool').hide(50,function(){
			$('#tool_list').slideDown();
		});
		
		
		//点击关闭按钮
		$('#tool_close').on('click',function(){
			$('#tool_list').slideUp(500,function(){
				$('#tool').show();
			});
			
		});
		
		//点击红包按钮
		$('#tool_red').on('click',function(){
			$('#video').hide();
			$('.send_bonus').show();
			
			//点击塞钱按钮
			$('#btn_bonus_send').on('click',function(){
				
			});
			
			//点击返回直播按钮
			$('#btn_return_live').on('click',function(){
				$('.send_bonus').hide();
				$('#video').show();
			});
		});
		//点击投票按钮
		$('#tool_ballot').on('click',function(){
			$('#tool_list').hide();
			$('.cmt_mask').hide();
			$('.poll').show();
			//单选
			$('.single_select li').on('click',function(){
				$(this).siblings().removeClass('items_active');
				$(this).addClass('items_active');
			});
			//多选
			$('.more_select li').on('click',function(){
				$(this).toggleClass('items_active');
			});
			//点击投票按钮
			var $toast = $('#toast');
	        $('#poll_send').on('click', function(){
	        	$('#poll_send').attr('background','#0779e2');
	            if ($toast.css('display') != 'none') return;
	            $toast.fadeIn(100);
	            setTimeout(function () {
	                $toast.fadeOut(100);
	                $('.poll_items').hide();
	                $('#poll_send').hide();
					$('.poll_result').show();
	            }, 2000);
	        });
			
			//点击右上角关闭
			$('.poll_close').on('click',function(){
				$('.poll').hide();
				$('.cmt_mask').show();
				$('#tool_list').show();
			});
		});
		//点击分享
		$('.share_mask').css({
			'width':wWidth+'px',
			'height':wHeight+'px'
		});
		$('#tool_share').on('click',function(){
			$('#video').hide();
			$('.share_mask').show();
			$('.share_mask').on('click',function(){
				$('.share_mask').hide();
				$('#video').show();
			});
		});
	});
	
	//点击评论区的的红包
	$('.bribery_money_box').on('click',function(){
		$('.mask').show();
		$('#bonus_open').show();
		//点击右上角关闭按钮
		$('#btn_open_close').on('click',function(){
			$('#bonus_open').hide();
			$('.mask').hide();
		});
		//点击打开红包按钮
		$('#rp_btn_open').on('click',function(){
			$('#bonus_open').hide();
			$('#get_money').show();
			
			//点击关闭按钮
			$('#btn_get_close').on('click',function(){
				$('#get_money').hide();
				$('.mask').hide();
			});
			
			$('.check_other').on('click',function(){
				$('#get_money').hide();
				$('#bonus_detail').show();
				
				//点击右上角关闭
				$('#rd_close').on('click',function(){
				$('#bonus_detail').hide();
				$('.mask').hide();
			});
			});
		});
	});

	//底部按钮
	//点击弹幕按钮
	$('#btn_danmu_close').on('click',function(){
		$(this).hide();
		$('#btn_danmu_open').show();
		
		$('#btn_danmu_open').on('click',function(){
			$(this).hide();
			$('#btn_danmu_close').show();
		});
	});
	
	//输入框添加focus事件
//	$('#speak_input').on('click',function(){
//		$('#speak_btn_more').hide();
//		$('#btn_face').show();
//		$('#speak_btn_send').show();
//		$('#tool').hide();
//		$('#tool_list').hide();
		
		//当输入框内容发生改变
		$('#speak_input').keyup(function(){
			if($(this).val()){
				$('#speak_btn_send').css('background','#0789fe');
			}else{
				$('#speak_btn_send').css('background','#bababa');
			}
		});
		
//	});
	
//	$('.comment_box').on('click',function(){
//		$('#speak_btn_more').show();
//		$('#btn_face').hide();
//		$('#speak_btn_send').hide();
////		$('#tool').show();
//	});
	
	//控制评论区发图片的尺寸(W:H=1.75)
	var cmt_img_w = $('.cmt_img').width();
	var cmt_img_h = cmt_img_w/1.75;
	$('.cmt_img').height(cmt_img_h+'px');
	
//	//关闭广告
//	$("#banner .ic_delete").click(function(){
//		$("#banner").hide();
//	});
	
	//开启页
	$("#splash").on('click tap',function(e){
		e.stopPropagation();
		//点透bug
		setTimeout(function(){
			$("#splash").hide();
		},400);
	});
	
	//点击加载更多
	$('#load_more').on('click',function(){
		var dataInt = {"data":[
		{'time':'7-26 19:00','src':'1.jpg',"name":'小逗比','number':'14','comment':'前排支持！！'},
		{'time':'7-26 19:00','src':'1.jpg',"name":'小逗比','number':'14','comment':'前排支持！！'},
		{'time':'7-26 19:00','src':'1.jpg',"name":'小逗比','number':'14','comment':'前排支持！！'}
		]};
		$('#load_more').text('正在加载中');
		setTimeout(function(){
			$.each(dataInt.data,function(key,value){
			var $oBox = $('<li>').addClass('comment').appendTo($('.comment_list'));
			$('<div>').addClass('comment_time').html($(value).attr('time')).appendTo($oBox);
			var $cmtBox =  $('<div>').addClass('cmt_box d-flex').appendTo($oBox);
			$('<img>').addClass('user_head').attr('src','img/user/'+$(value).attr('src')).appendTo($cmtBox);
			var $contentBox = $('<div>').addClass('cmt_content_box flex-1').appendTo($cmtBox);
			var $userBox = $('<div>').addClass('cmt_user d-flex').appendTo($contentBox);
			$('<div>').addClass('user_name').html($(value).attr('name')).appendTo($userBox);
			$('<div>').addClass('user_good').html($(value).attr('number')).appendTo($userBox);
			$('<div>').addClass('cmt_content').html($(value).attr('comment')).appendTo($contentBox);	
		}); 
		dianzan();
		$('#load_more').text('点击加载更多');
		},1000);
		
	});

});

//广告
function adOpen(){
	$('#video').hide();
	$('.ad_box').show();
	$('#close_ad').on('click',function(){
		$('.ad_box').hide();
		$('#video').show();
	});
}
function adClose(){
	$('.ad_box').hide();
	$('#video').show();
}